<!--
 * @Author: fishroom
 * @Date: 2021-11-28 23:22:00
 * @LastEditTime: 2021-12-01 00:27:40
 * @FilePath: \front-end\src\view\home\Home.vue
-->
<template>
  <div class="running_wrapper"></div>
</template>

<script>
export default {
  name: "Home",
  data() {
    return {
      tips: [],
      dataList: [
        {
          userImg: "",
          userName: "王五",
          price: 5
        },
        {
          userImg: "",
          userName: "李四",
          price: 5
        },
        {
          userImg: "",
          userName: "张三",
          price: 5
        },
        {
          userImg: "",
          userName: "哈哈",
          price: 5
        },
        {
          userImg: "",
          userName: "王五",
          price: 5
        }
      ]
    };
  },
  mounted() {},

  methods: {}
};
</script>

<style lang="stylus">
.home
   for i in (1..3)
      .item:nth-child({i})
        animation-delay i * 0.1s
  .item
    font-size: 16px
    transform: translateY(0)
    animation: ani1 6s

@keyframes ani1 {
  to {
    transform: translateY(-200px)
    font-size: 36px
    opacity 0
  }
}
</style>
